/*
CMS sections
==============================================
General styling for cms sections
*/

.cms-section {
    overflow: hidden;

    &.bg-image {
        background-repeat: no-repeat;
        background-position: 50%;
    }

    .boxed {
        @extend .container;
    }

    .full-width {
        @extend .container-fluid;
    }

    .cms-section-sidebar {
        & > .row {
            --#{$prefix}gutter-x: 60px;
        }
    }
}

@include media-breakpoint-down(md) {
    .cms-section-sidebar-mobile-wrap {
        flex-direction: column;
    }

    .cms-section-sidebar-mobile-hidden {
        .cms-section-sidebar-sidebar-content {
            display: none;
        }
    }
}
